<table width="100%" class="table">
        <tr style="background-color:#1ba1e2; color:white;">
        <td>No</th>
        <td>No Antrian</td>
        <td>Panggilan Ke-</td>
        <td>Hadir</td>
        <td>&nbsp;</td>
        </tr>
        <?php 
           
            $i = 0; 
            foreach($query->result()  as $q) { ?>
            <?php if ($q->pengunjung_status == 1){ ?>
            
            <tr class="success">
            <?php } else { ?>
            <tr>
            <?php } ?>
        <td><?php echo $i+1; ?></td>
        <td><?php echo $q->pengunjung_nomor; ?></td>
        <td><?php echo $q->pengunjung_panggilanke; ?></td>
        <td class="text-center"  >
            <div class="input-control checkbox" style="margin:0;">
                <label style="margin:0;" data-id="<?php echo $q->pengunjung_id; ?>">
                    <?php if($q->pengunjung_hadir == 1) {?>
                    <input type="checkbox" class="pengunjung_hadir" name="pengunjung_hadir" checked=true>
                    <?php } else { ?>
                    <input type="checkbox" class="pengunjung_hadir" name="pengunjung_hadir">
                    <?php } ?>
                    <span class="check text-left"></span>
                </label>
            </div>
        </td>
        <td data-nomor=
"<?php echo $q->pengunjung_nomor; ?>"
            data-id=
"<?php echo $q->pengunjung_id; ?>"  
            data-ke=
"<?php echo $q->pengunjung_panggilanke; ?>">
           <a href="#" class="panggil" >Panggil</a> 
           <?php if($q->pengunjung_hadir == 1) {?>
           <a href="#" class="transfer">| Transfer |</a> 
           <a href="#" class="selesai">Selesai</a>
           <?php } ?>
           </td>
        </tr>
        <?php $i++; } 
         
        ?>
</table>

<script type="text/javascript">
$(function(){
         $(".pengunjung_hadir").click(function(){
             var data = $(this).parent().data();
             var query= ($(this).attr('checked') != "checked") ? 1 : 0;
             hadir(data.id,query);
         })
         $(".panggil").click(function(){
            data = $(this).parent().data();
//            console.log(data);
            $("#last_service").html(data.nomor);
            selanjutnya(data.id,data.ke);
     //       sound(data.id);
            
        });
        $(".selesai").click(function(){
            data = $(this).parent().data();
            selesai(data.id);
            
        });
        $(".transfer").click(function(){
            data = $(this).parent().data();
            transfer(data.nomor, data.id);
        });
    });
</script>